<!DOCTYPE html>
<html>
<head>
<title>Prototype</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.listen-1.0.3-min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/general.js"></script>
<script type="text/javascript" src="js/query.js"></script>
</head>

<body>
<div class="container">
	<div class="row">
		<div class="span12 page-header">
			<h1>Cucumber Portal <small>Queries</small></h1>
		</div>
	</div>

	<div class="row">
		<div class="span3">
			<div class="well well-small">
				<ul class="nav nav-list">
					<li class="nav-header">Navigation</li>
					<li><a href="index.html">Home</a></li>
					<li><a href="results.html">Results</a></li>
					<li><a href="">Files</a></li>
					<li><a href="">Tags</a></li>
					<li class="active"><a href="">Queries</a></li>
					<li class="divider"></li>
					<li><a href="">Reports</a></li>
					<li><a href="">Settings</a></li>
				</ul>
			</div>
		</div>

		<div class="span9">
			<div class="text-right">
				<button class="btn btn-primary" data-target="#create_file_query" data-toggle="modal">Create File Query</button>
				<button class="btn btn-primary" data-target="#create_tag_query" data-toggle="modal">Create Tag Query</button>
			</div>

			<table class="table table-striped table-hover table-bordered" id="queries">
				<tr>
					<th>#</th>
					<th>Query Name</th>
				</tr>
				<tr>
					<td><div class="tbl_height_fix">1</div></td>
					<td><div class="pull-left tbl_height_fix">Entity Maintenance</div>
						<div class="btn-group pull-right">
							<button class="btn btn-small">Run</button>
							<button class="btn btn-small" data-target="#query_details" data-toggle="modal">Details</button>
							<button class="btn btn-small">Modify</button>
							<button class="btn btn-small">Delete</button>
						</div>
						<div class="clearfix"></div>
					</td>
				</tr>
				<tr>
					<td><div class="tbl_height_fix">2</div></td>
					<td><div class="pull-left tbl_height_fix">Navigation</div>
						<div class="btn-group pull-right">
							<button class="btn btn-small">Run</button>
							<button class="btn btn-small">Details</button>
							<button class="btn btn-small">Modify</button>
							<button class="btn btn-small">Delete</button>
						</div>
						<div class="clearfix"></div>
					</td>
				</tr>
				<tr>
					<td><div class="tbl_height_fix">3</div></td>
					<td><div class="pull-left tbl_height_fix">Calculations</div>
						<div class="btn-group pull-right">
							<button class="btn btn-small">Run</button>
							<button class="btn btn-small">Details</button>
							<button class="btn btn-small">Modify</button>
							<button class="btn btn-small">Delete</button>
						</div>
						<div class="clearfix"></div>
					</td>
				</tr>
				<tr>
					<td><div class="tbl_height_fix">4</div></td>
					<td><div class="pull-left tbl_height_fix">User Roles</div>
						<div class="btn-group pull-right">
							<button class="btn btn-small">Run</button>
							<button class="btn btn-small">Details</button>
							<button class="btn btn-small">Modify</button>
							<button class="btn btn-small">Delete</button>
						</div>
						<div class="clearfix"></div>
					</td>
				</tr>
			</table>
		</div>
	</div>
</div>



<div id="query_details" class="modal hide" tabindex="-1" role="dialog">
	<div class="modal-header">
		<h3>Details:</h3>
	</div>
	<div class="modal-body">
		<code><span class="label label-info">@bb</span> OR <span class="label label-info">@info</span></code> AND
		<code><span class="label label-info">NOT @calc</span> OR <span class="label label-info">@lc</span></code> AND
		<span class="label label-info">@user_roles</span>
	</div>
	<div class="modal-footer">
		<button class="btn btn-primary" data-dismiss="modal">Close</button>
	</div>
</div>

<div id="create_file_query" class="modal hide" tabindex="-1" role="dialog" data-backdrop="static">
	<div class="modal-header">
		<h3>Create File Query:</h3>
	</div>
	<div class="modal-body">
		<div class="select_box">
			<select>
				<option data-index="0">Select..</option>
				<option data-index="1">busines_banking/bb_calc.feature</option>typeahead
				<option data-index="2">busines_banking/bb_qualitative.feature</option>
				<option data-index="3">busines_banking/bb_prs_summary.feature</option>
				<option data-index="4">busines_banking/bb_summary.feature</option>
				<option data-index="5">hosp/hosp_calc.feature</option>
				<option data-index="6">hosp/hosp_qualitative.feature</option>
				<option data-index="7">hosp/hosp_prs_summary.feature</option>
				<option data-index="8">hosp/hosp_summary.feature</option>
			</select>
		</div>
	</div>
	<div class="modal-footer">
		<button class="btn cancel" data-dismiss="modal">Cancel</button>
		<button class="btn btn-primary" data-dismiss="modal">Save</button>
	</div>
</div>

</body>
</html>